<template>
	<div class="home_ban">
		<div class="m_banner clearfix" id="my_banner">
			<!--<ul class="banner_box">
				<li><img src="../assets/images/l8.jpg" alt="" /></li>
				<li><img src="../assets/images/l1.jpg" alt="" /></li>
				<li><img src="../assets/images/l2.jpg" alt="" /></li>
				<li><img src="../assets/images/l3.jpg" alt="" /></li>
				<li><img src="../assets/images/l4.jpg" alt="" /></li>
				<li><img src="../assets/images/l5.jpg" alt="" /></li>
				<li><img src="../assets/images/l6.jpg" alt="" /></li>
				<li><img src="../assets/images/l7.jpg" alt="" /></li>
				<li><img src="../assets/images/l8.jpg" alt="" /></li>
				<li><img src="../assets/images/l1.jpg" alt="" /></li>
			</ul>
			<ul class="point_box">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>-->
			<swiper :options="swiperOption" ref="mySwiper">
				<swiper-slide v-for="item in bannerList" :key="item">
					<!--<img :src="src + item.path" style="height: 750px;">-->
						<img src="../assets/images/l8.jpg" alt="" style="height: 200px;width: 100%;"/>
				</swiper-slide>
				<div class="swiper-pagination" slot="pagination"></div>
			</swiper>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				bannerList: [1, 2, 3],
				swiperOption: {
					initialSlide: 0,
					pagination: {
						el: '.swiper-pagination',
					},
					loop: true,
					speed: 400,
					autoplay: {
						delay: 4500,
						disableOnInteraction: false,
					},
					observer: true, //修改swiper自己或子元素时，自动初始化swiper
					observeParents: true //修改swiper的父元素时，自动初始化swiper
				}
			}
		},
		
	}
</script>